<template>
	<div class="wrap">
		<div class="top">
			<uni-nav-bar :fixed="true" title="审核列表" background-color="#5C7FF5" status-bar @clickLeft="back" :dark="true"
				left-icon="left">
			</uni-nav-bar>
			<div class="fixs">
				<div class="content">
					<div class="inputBox">
						<input type="text" placeholder="请输入您要查找的内容" placeholder-class="inputP" v-model.trim="form.param"
							confirm-type="search" @confirm="othergetList" @input="othergetList">
						<div class="searchIcons" @click="toSearch">
							<img src="../../static/img/search.png" alt="" class="searchIcons_icons">
						</div>
						<img src="../../static/img/ca.png" alt="" class="ca" @click="toRq">
						<img src="../../static/img/index_fl.png" alt="" class="ca" @click="toFl">
					</div>
				</div>
				<!-- 搜索结果 -->
				<div class="chooseBox">
					<scroll-view scroll-x class="scrollview-box" scroll-with-animation>
						<div style="display: flex;">
							<div v-for="(item, i) in flArr" :key="i" class="chooseItem">{{ item }}

								<img src="../../static/img/closes.png" alt="" class="closesImg" @click="todelFl(item)">
							</div>
						</div>
					</scroll-view>
				</div>
				<!-- 日期 -->

				<div class="daysBox">
					<div class="years" v-if="copyDate.startTime && copyDate.endTime">
						<span>{{ copyDate.startTime }}</span> / <span>{{ copyDate.endTime }}</span>
					</div>
					<div class="nums">
						<div class="nums">数量:{{ nums }}</div>
						<!-- <label class="mycheckbox__inner" style="display: flex;">
							<img src="../../static/img/checkbox2.png" alt="" style="width: 40rpx;height: 40rpx;"
								v-if="!isAllChoose" @click="toAll(true)">
							<img src="../../static/img/checkbox1.png" alt="" style="width: 40rpx;height: 40rpx;" v-else
								@click="toAll(false)">
							<!-- </checkbox-group> -->
						<!-- <span>全选</span> -->
						</label>
					</div>

				</div>

			</div>
		</div>
		<!-- 主题 -->
		<movable-refresh ref="movableRefresh" :scrollHeight="heights" :noMore="noMore" @refresh="refresh"
			@loadMore="loadMore" :backgroundColor="'white'" @onScroll="">
			<div class="orderContent" style="height: 100%;" v-if="datalist.length>0">
				<div class="orderItem" v-for="(item, i ) in datalist" :key="i">
					<!-- 	<div class="checkB">
						<img src="../../static/img/checkbox1.png" alt="" style="width: 40rpx;height: 40rpx;"
							v-if="item.checked==true " @click="toshenhe(item,false)">
						<img src="../../static/img/checkbox2.png" alt="" style="width: 40rpx;height: 40rpx;" v-else
							@click="toItem(item,true)">
					</div> -->
					<div class="hasDone" v-if="item.status == '已消缺'">
						<img src="../../static/img/hasDone.png" alt="" class="hasDoneImg">
						<div class="hasDoneText">已销缺</div>
					</div>

					<img src="../../static/img/list2.png" alt="" class="orderItemImg" @click.self="toshenhe(item.code)">

					<div class="orderItemTop" @click.self="toshenhe(item.code)">{{ item.org }}</div>
					<div class="useContent" @click.self="toshenhe(item.code)">
						<div class="useItem">
							<div class="labes">变电站:</div>
							<div class="useItem_content">{{ item.station }}</div>
						</div>
						<div class="useItem">
							<div class="labes">设备名称:</div>
							<div class="useItem_content">{{ item.deviceName }}</div>
						</div>
						<div class="useItem">
							<div class="labes">缺陷描述:</div>
							<div class="useItem_content quexian_word">{{ item.description }}</div>
						</div>
						<div class="useItem">
							<div class="labes">缺陷性质:</div>
							<div class="useItem_content">{{ item.level }}</div>
						</div>
						<div class="useItem">
							<div class="labes">缺陷发现人员:</div>
							<div class="useItem_content">{{ item.username }}</div>
						</div>
						<div class="useItem">
							<div class="labes">时间:</div>
							<div class="useItem_content">{{ item.time }}</div>
						</div>
					</div>
					<!-- 	<img v-if="item.status=='审核中'||item.status=='审核未通过'" src="../../static/img/shenhenow.png" alt=""
						class="statusimg" /> -->
					<!-- 	<img v-if="item.status=='审核未通过'" src="../../static/img/shenhenopass.png" alt=""
						class="statusimg statusimg2" /> -->
					<!-- <img v-if="item.status=='已消缺'" src="../../static/img/shenhedone.png" alt="" class="statusimg" /> -->
				</div>


			</div>
			<div class="orderContent" style="height: 600rpx;text-align: center;line-height: 300px;line-height: 300px;"
				v-else>
				暂无数据
			</div>
		</movable-refresh>


		<!-- 选择分类 -->
		<uni-popup ref="popup3" type="bottom" v-if="isShow">
			<lee-linkage :right="right" :left="left"> </lee-linkage>

		</uni-popup>

		<!-- 日期 -->
		<wu-calendar ref="calendar" @confirm="calendarConfirm" @close="cancel" :insert="false" mode="range"
			:rangeSameDay="true" :operationPosition="'bottom'" :itemHeight="50" @change="tochange" maskClick
			:clearDate="false" :date="[startTime, endTime]" @sendData="getData" @sendData2="getData2">
			<div slot="operation">

				<div class="rqbtn">
					<div class="fail btn" @click="cancel">取消</div>
					<div class="success btn" @click="calendarConfirm">确认</div>

				</div>
			</div>

		</wu-calendar>
		<!-- 添加 -->
		<!-- <div class="addBox" @click="toEdit">
			<img src="../../static/img/fixadd.png" class="addBoxImg" alt="">
		</div> -->
		<!-- 审核 -->
		<!-- <div class="addBox2" @click="toshenhe">
			<div class="addNum">{{ warmNums }}</div>
			<img src="../../static/img/sh.png" class="addBoxImg" alt="">
		</div> -->
		<!-- 警告 -->
		<!-- <div class="addBox1" @click="togaojing">
			<div class="addNum">{{ warmNums }}</div>
			<img src="../../static/img/gaojingicons.png" class="addBoxImg" alt="">
		</div> -->
		<!-- 登录 -->
		<dialogs ref="dialog" :datas="deldatas" :type="'info'" :forms="forms">

		</dialogs>
		<!-- 登出 -->

		<layoutdialog ref="layoutdialog" :titles="titles">

		</layoutdialog>
		<!-- 导出 -->
		<edialog ref="edialog" :titles="titles" :urls="urls">

		</edialog>
		<!-- <div class="addBtn">
			<div :class="{'bts':true, 'del':true}" @click="todel" v-if="rules == 'admin'">
				删除
			</div>
			<div :class="{'bts':true, 'edit':true,'isOne':rules == 'administrator'}" @click="toExcel">
				导出
			</div>

		</div> -->
	</div>
</template>

<script>
	import movableRefresh from '@/components/zyq-movableRefresh/zyq-movableRefresh.vue'
	import {
		findDefect,
		findDictionary,
		exportDefect,
		findDefectNum,
		findWarnDefectTotalNum,
		shenhegetlist,
		findStation
	} from '@/utils/http'
	import {
		nowDay
	} from "@/utils/filters"

	import dialogs from "@/components/dialog.vue";
	import layoutdialog from "@/components/layoutdialog.vue";

	import edialog from "@/components/exceldialog.vue";

	import uniPopup from "@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue";
	import leeLinkage from "./components/linkage.vue";
	import wuCalendar from '@/uni_modules/wu-calendar/components/wu-calendar/wu-calendar.vue'
	import uniNavBar from '@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue'
	import uniIcons from "@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue";
	export default {
		components: {
			movableRefresh,
			uniNavBar,
			uniIcons,
			leeLinkage,
			uniPopup,
			wuCalendar,
			dialogs,
			edialog,
			layoutdialog
		},
		data() {
			return {
				timepickervalue2: '',
				timepickervalue: '',
				rules: '',
				hobby: [{
					text: '全选',
					value: 1
				}],
				forms: {},
				left: [{
						label: '运维单位',
						id: 0,
						type: 'ORG'
					},
					{
						label: '变电站',
						id: 1,
						type: 'STATION'
					},
					{
						label: '电压',
						id: 2,
						type: 'VOLTAGE'
					}, {
						label: '缺陷性质',
						id: 3,
						type: 'DEFECT_NATURE'
					},
					// {
					// 	id: 4,
					// 	type: 'DEFECT_STATUS',
					// 	label: '状态'
					// }, 
					{
						label: '设备类型',
						id: 4,
						type: 'DEVICE_TYPE'
					},
				],
				right: [],
				freshing: false, //下拉true
				isShow: false,
				deldatas: [],
				startTime: '', //开始事件
				endTime: '', //结束事件
				form: {
					org: [], //运维单位
					voltage: [], //电压

					status: [],
					level: [], //性质
					deviceType: [], //设备类型
					startTime: '', //开始事件
					endTime: '', //结束事件
					param: "", //查询
					page: 1, //当前页面
					size: 10 // 

				},
				copyDate: {
					startTime: '', //开始事件
					endTime: '', //结束事件
				},
				numObject: {
					num: 0,
					solveNum: 0
				},
				titlesname: '',
				urls: '',
				flArr: [], //搜索分类
				noMore: false,
				dateRange: [],
				heights: null,
				dates: [],
				nums: null,
				datalist: [],
				seachValue: '',
				titles: '',
				isAllChoose: false,
				checkedArr: [],
				warmNums: 0
			};
		},
		watch: {
			'datalist': {
				handler(val) {
					console.log(val, 'val')
					if (val.length > 0) {
						var a = val.every(item => {
							return item.checked == true
						})
						console.log(a, 'vaaaaa')
						if (!a) {
							this.isAllChoose = false
						} else {
							this.isAllChoose = true
						}
					} else {
						this.isAllChoose = false
					}
				},
				deep: true
			}
		},
		onLoad() {
			uni.getSystemInfo({
				success: (info) => {
					this.getElementInfo(`.top`).then(a => {
						console.log(a, 'aa')
						this.$nextTick(() => {
							this.heights = info.windowHeight - a.height - 20

						})

					})
				}
			});
		},
		onShow() {
			this.rules = uni.getStorageSync('userInfo').role

			wx.hideTabBar()
			const pages = getCurrentPages()
			this.form.page = 1
			this.datalist = []

			this.getList().then(res => {
				if (uni.getStorageSync('isToInfo') && this.datalist.length > 0) {
					var arr = uni.getStorageSync('isToInfo');
					arr.forEach(item => {
						this.datalist.forEach(v => {
							if (v.id == item) {
								this.$nextTick(() => {
									v.checked = true
								})
							}
						})
					})



				}
			})
			setTimeout(() => {
				wx.removeStorageSync('isToInfo')
				wx.removeStorageSync('isToXq')
			}, 10)
			this.initData()

		},

		methods: {
			back() {
				uni.navigateBack({
					delta: 1 // 默认值是1，表示回退到上一页，如果要回退多级可以设置大于1的数值
				});
			},
			// toshenhe() {
			// 	uni.navigateTo({
			// 		url: '/pages/order/shenhexinxixq'
			// 	})
			// },
			getElementInfo(selector) {
				return new Promise((resolve) => {
					const query = uni.createSelectorQuery().in(this);
					query
						.select(selector)
						.boundingClientRect((data) => {
							resolve(data);
						})
						.exec();
				});
			},
			reset() {
				this.$nextTick(() => {
					this.right.forEach((item, index) => {
						item.isChoose = false;
						item.children.forEach(v => {
							v.isChoose = false
						})
						if (index == 1) {
							if (uni.getStorageSync('userInfo').role == "admin") {
								item.children = []
							}
						}
					})
				})

			},
			toItem(id, type) {
				this.$nextTick(() => {
					console.log(id, type, 'type')
					if (type == true) {
						this.datalist.forEach(item => {
							if (item.id == id.id) {
								item.checked = true
							}
						})
					} else {
						this.datalist.forEach(item => {
							if (item.id == id.id) {
								item.checked = false
							}
						})
					}
					this.checkedArr.forEach((a, i) => {
						if (a.id == id.id) {
							this.checkedArr.splice(i, 1)
						}
					})
				})

			},
			toAll(val) {
				this.isAllChoose = val
				this.checkedArr = []
				if (val) {
					this.datalist.forEach(item => {
						item.checked = true
						this.checkedArr.push(item.id)
					})
				} else {
					this.datalist.forEach(item => {
						item.checked = false
					})
				}
			},

			loadMore() {
				this.form.page++;
				this.getList()


			},
			getQuery(val) {
				this.right = val

				this.flArr = []
				for (var i in this.form) {
					if (Array.isArray(this.form[i])) {
						this.form[i] = []
					}
				}
				this.form.page = 1;
				this.form.size = 10;
				this.datalist = []
				if (val.length > 0) {
					val.forEach(item => {
						item.isChoose = item.children.some(v => {
							return v.isChoose == true
						})
						if (item.isChoose == true) {
							console.log(item, item.isChoose)
							var s = [];
							item.children.forEach(v => {
								if (v.isChoose == true) {
									if (v.code == "STATION") {
										s.push(v.station)
									} else {
										s.push(v.name)
									}
								}
							})

							this.form[item.types] = s

						}
					})
				}
				this.getList()
			},
			othergetList() {
				this.form.page = 1;
				this.form.size = 10;

				this.datalist = []
				this.getList()
			},
			refresh() {
				this.form.page = 1;
				this.form.size = 10;
				this.checkedArr = []
				this.isAllChoose = false

				this.datalist = []

				this.getList()
			},
			gettreeCategorys() {
				return new Promise((resolve, reject) => {
					this.$nextTick(() => {
						this.left.filter(item => {
							if (item.type != 'STATUS') {
								findDictionary({
									code: item.type
								}).then(res => {
									item.children = res.result
									if (item.type == 'ORG') {
										item.types = 'org'
										// console.log(this.left, 'leftssss')
										if (uni.getStorageSync('userInfo').role !=
											"admin") {
											findStation({
												org: [this.left[0].children[0]
													.name
												]
											}).then((res) => {
												this.left[1].children = res.result
												this.left[1].children.forEach((
													item,
													index) => {
													item.isChoose = false
													item.code = "STATION"
													item.id = index
												})
											})
										}
									}
									if (item.type == 'DEVICE_TYPE') {
										item.types = 'deviceType'
									}
									if (item.type == 'VOLTAGE') {
										item.types = 'voltage'
									}
									if (item.type == 'DEFECT_NATURE') {
										item.types = 'level'
									}
									if (item.type == 'STATION') {
										item.types = 'station'
									}
									if (item.type == 'DEFECT_STATUS') {
										item.types = 'status'
									}
									item.isChoose = false
									item.children.forEach(v => {
										v.isChoose = false
									})
								})
							}
							//  else {
							// 	item.types = 'status'
							// 	item.children = [{
							// 		code: "STATUS",
							// 		id: 90,
							// 		name: "已消缺",
							// 		isChoose: false
							// 	}, {
							// 		code: "STATUS",
							// 		id: 91,
							// 		name: "未消缺",
							// 		isChoose: false
							// 	}]
							// }

						})
						console.log(this.left, 'left')
						resolve('ok')
					})

				})
			},
			initData() {
				return new Promise((resolve) => {
					this.gettreeCategorys().finally(res => {
						this.right = this.left

						resolve('ok')
					})
				});


			},
			todel() {
				if (this.datalist.some(item => item.checked == true)) {
					var arr = []
					this.datalist.forEach(item => {
						if (item.checked == true) {
							arr.push(item.id)
						}
					})
					uni.setStorageSync('isToInfo', arr)
					uni.setStorageSync('isToXq', this.form)
					this.deldatas = []
					if (this.isAllChoose == true) {
						this.deldatas = []

					} else {
						this.datalist.forEach(item => {
							if (item.checked == true) {
								this.deldatas.push(item.id)

							}
						})
						console.log(this.deldatas, 'dasdasd')
					}
					this.forms = this.form
					console.log(this.forms, 'forms')
					this.$refs.dialog.$refs.inputDialog.open();

				} else {
					uni.showToast({
						title: '请先勾选数据',
						icon: 'none',
						duration: 1500
					})
					return
				}
			},

			getList() {
				return new Promise((solve, reject) => {
					if (uni.getStorageSync('isToXq')) {
						this.form = uni.getStorageSync('isToXq')
						this.form.page = 1

						this.startTime = this.form.startTime.split(' ')[0]
						this.endTime = this.form.endTime.split(' ')[0]
						this.copyDate.startTime = this.form.startTime.split(' ')[0]
						this.copyDate.endTime = this.form.endTime.split(' ')[0]
						this.form.page = 1;
					} else {
						if (this.startTime && this.endTime) {
							this.form.startTime = this.startTime + ' 00:00:00'
							this.form.endTime = this.endTime + ' 23:59:59'
						} else {
							this.form.startTime = ''
							this.form.endTime = ''
						}

					}


					uni.showLoading({
						title: "加载中",
						mask: true,
					});
					findDefectNum(this.form).then(res => {
						this.numObject = res.result
					})
					findWarnDefectTotalNum().then(res => {
						if (res.result.total > 999) {
							this.warmNums == '999+'
						} else {
							this.warmNums = res.result.total

						}
						console.log(res.result.total)

					})
					var arr = []
					for (var i in this.form) {
						if (Array.isArray(this.form[i])) {
							if (this.form[i].length > 0) {
								this.form[i].forEach(item => {
									arr.push(item)
								})
							}
						}
					}
					this.flArr = Array.from(new Set(arr))

					shenhegetlist(this.form).then(res => {
						var data = res.result

						this.totalPages = data.totalCount
						if (res.code == '0') {

							this.nums = data.totalCount

							if (res.result.totalCount == 0) {
								this.datalist = []
								this.noMore = true

							} else {
								var arr = [];
								data.list ? (arr = data.list) : null;
								arr.forEach(item => {
									if (item.checked) {
										item.checked = true
									} else {
										if (this.isAllChoose == true) {
											item.checked = true

										} else {
											item.checked = false

										}

									}
									item.checked == true ? true : false
								})

								if (this.datalist.length < Number(data.totalCount)) {
									this.noMore = false


									this.datalist.push(...arr);
									this.datalist.length == Number(data.totalCount) ? this.noMore = true :
										this.noMore = false
								} else {


									this.noMore = true

								}

							}


						} else {
							this.nums = 0;
						}
						solve('ok')
						this.$refs.movableRefresh.endLoad()
					}).finally(() => {
						uni.hideLoading()
					})
				})

			},

			// 关闭分类
			closeFl() {
				this.$refs.popup3.close();

			},
			toSearch() {
				this.datalist = []

				this.getList()
			},
			//分类搜索
			todelFl(val) {
				for (var i in this.form) {
					if (Array.isArray(this.form[i])) {
						if (this.form[i].length > 0) {
							this.form[i].forEach((item, v) => {
								if (val == item) {
									this.form[i].splice(v, 1)
								}
							})
						}
						if (uni.getStorageSync('userInfo').role == "admin") {
							if (this.form['org'].length == 0) {
								this.right[1].children = []
							}
						}
					}
				}
				this.flArr.forEach((item, i) => {
					if (item == val) {
						this.right.forEach((item, index) => {
							item.children.forEach(vv => {
								if (val == vv.name || val == vv.station) {
									vv.isChoose = false
								}
							})
							if (item.type == 'ORG' && uni.getStorageSync('userInfo').role == "admin") {
								item.children.forEach((el, num) => {
									// console.log(el, '7878')
									if (val == el.name) {
										findStation({
											org: [el.name]
										}).then((res) => {
											// console.log(res.result, '7878')
											res.result.forEach((a, b) => {
												this.flArr = this.flArr
													.filter(item => item !== a
														.station)
												this.form['station'] = this
													.flArr
													.filter(item => item !== a
														.station)
												this.right[1].children.forEach(
													(j,
														k) => {
														if (a.station == j
															.station) {
															j.isChoose =
																false
														}
													})
											})
										})
									}
								})
							}
						})
						this.flArr.splice(i, 1)


					}
				})
				this.form.page = 1;
				this.form.size = 10;
				this.datalist = []
				setTimeout(() => {

					this.getList()
				}, 200)
			},


			// 日历
			cancel(e) {
				this.form.startTime = ''
				this.form.endTime = ''
				this.startTime = ''
				this.endTime = ''
				this.copyDate.startTime = ''
				this.copyDate.endTime = ''
				this.$refs['calendar'].reset()
				this.$refs['calendar'].close()
				this.datalist = []
				this.getList()
			},
			tochange(e) {
				// this.startTime = e.range.before
				// this.endTime = e.range.after
			},

			getData(e) {
				// console.log(e)
				this.timepickervalue = e
			},
			getData2(e) {
				// console.log(e)
				this.timepickervalue2 = e
			},
			toExcel() {
				if (this.datalist.some(item => item.checked == true)) {
					var a = [];
					this.datalist.forEach(item => {
						if (item.checked == true) {
							a.push(item.id)
						}
					})
					var json = {
						...this.form,
						ids: this.isAllChoose == true ? [] : a
					}
					exportDefect(json).then(res => {
						if (res.code == '0') {
							this.titles = res.result.split('/')[1];
							this.urls = res.result

						} else {

						}
					}).finally(() => {
						this.$nextTick(() => {
							console.log(this.$refs, 'res')
							// this.$refs.edialog
							this.$refs.edialog.$refs.inputDialog.open()

						})

					})

				} else {
					uni.showToast({
						title: '请先勾选数据',
						icon: 'none',
						duration: 1500
					})
					return
				}

			},
			toLayOut() {
				this.$refs.layoutdialog.$refs.inputDialog.open();



			},
			// toshenhe() {
			// 	uni.navigateTo({
			// 		url: '/pages/order/shenheIndex'
			// 	})
			// },
			togaojing() {
				var arr = []
				this.datalist.forEach(item => {
					if (item.checked == true) {
						arr.push(item.id)
					}
				})
				uni.setStorageSync('isToInfo', arr)
				uni.setStorageSync('isToXq', this.form)
				uni.switchTab({
					url: '/pages/order/jinggaoIndex'
				})
			},
			// 跳转
			toEdit() {
				var arr = []
				this.datalist.forEach(item => {
					if (item.checked == true) {
						arr.push(item.id)
					}
				})
				uni.setStorageSync('isToInfo', arr)
				uni.setStorageSync('isToXq', this.form)
				uni.navigateTo({
					url: '/pages/order/edit?u=admin'
				})
			},
			toshenhe(id) {
				var arr = []
				this.datalist.forEach(item => {
					if (item.checked == true) {
						arr.push(item.id)
					}
				})
				uni.setStorageSync('isToInfo', arr)
				uni.setStorageSync('isToXq', this.form)


				uni.navigateTo({
					url: '/pages/order/shenhexinxixq?code=' + id + '&u=aIndex'
				})
			},
			// 日期
			calendarConfirm(e) {
				// if (this.timepickervalue && this.timepickervalue2) {
				// 	this.datalist = []
				// 	// this.copyDate.startTime = this.startTime
				// 	// this.copyDate.endTime = this.endTime
				// 	this.copyDate.startTime = this.timepickervalue
				// 	this.copyDate.endTime = this.timepickervalue2
				// 	this.startTime = this.timepickervalue
				// 	this.endTime = this.timepickervalue2
				// 	this.form.page = 1

				// 	this.getList()
				// 	this.$refs['calendar'].close()
				// } else {
				// 	uni.showToast({
				// 		title: '请选择时间段',
				// 		icon: 'none',
				// 		duration: 1500
				// 	})
				// }
				if (this.timepickervalue && this.timepickervalue2) {
					if ((new Date(this.timepickervalue).getTime()) > (new Date(this.timepickervalue2).getTime())) {
						uni.showToast({
							title: '结束日期不能早于开始日期',
							icon: 'none',
							duration: 1500
						})
					} else {
						this.datalist = []
						this.copyDate.startTime = this.timepickervalue
						this.copyDate.endTime = this.timepickervalue2
						this.startTime = this.timepickervalue
						this.endTime = this.timepickervalue2
						this.form.page = 1
						this.getList()
						this.$refs['calendar'].close()
						this.timepickervalue = ''
						this.timepickervalue2 = ''
					}
				} else if (this.timepickervalue && this.timepickervalue2 == '') {
					let r = nowDay()
					if ((new Date(this.timepickervalue).getTime()) > (new Date(r).getTime())) {
						uni.showToast({
							title: '结束日期不能早于开始日期',
							icon: 'none',
							duration: 1500
						})
					} else {
						this.datalist = []
						this.copyDate.startTime = this.timepickervalue
						this.copyDate.endTime = nowDay()
						this.startTime = this.timepickervalue
						this.endTime = nowDay()
						this.form.page = 1
						this.getList()
						this.$refs['calendar'].close()
						this.timepickervalue = ''
						this.timepickervalue2 = ''
					}
				} else if (this.timepickervalue == '' && this.timepickervalue2) {
					let r = nowDay()
					if ((new Date(r).getTime()) > (new Date(this.timepickervalue2).getTime())) {
						uni.showToast({
							title: '结束日期不能早于开始日期',
							icon: 'none',
							duration: 1500
						})
					} else {
						this.datalist = []
						this.copyDate.startTime = nowDay()
						this.copyDate.endTime = this.timepickervalue2
						this.startTime = nowDay()
						this.endTime = this.timepickervalue2
						this.form.page = 1
						this.getList()
						this.$refs['calendar'].close()
						this.timepickervalue = ''
						this.timepickervalue2 = ''
					}
				} else if (this.timepickervalue == '' && this.timepickervalue2 == '') {
					this.datalist = []
					this.copyDate.startTime = nowDay()
					this.copyDate.endTime = nowDay()
					this.startTime = nowDay()
					this.endTime = nowDay()
					this.form.page = 1
					this.getList()
					this.$refs['calendar'].close()
				}


			},

			toFl() {
				uni.showLoading({
					title: '加载中'
				});
				if (this.flArr.length > 0) {
					this.flArr.forEach((item, i) => {
						this.right.forEach(a => {
							a.children.forEach(vv => {
								if (item == vv.name) {
									vv.isChoose = true
								}
							})
						})

					})
				}

				setTimeout(function() {
					uni.hideLoading();
				}, 200);
				this.isShow = true
				setTimeout(() => {
					this.$refs.popup3.open();

				}, 200)

			},
			toRq() {
				uni.showLoading({
					title: '加载中'
				});

				setTimeout(function() {
					uni.hideLoading();
				}, 1000);
				this.$refs.calendar.open();

			},
		}
	};
</script>

<style scoped lang="scss">
	.bg {
		width: 100vw;
		height: 100vh;

	}

	.wrap {
		height: 100vh;
		overflow: hidden;
	}

	.barContent {
		display: flex;
		justify-content: left;
	}

	.layoutIcons {
		width: 55rpx;
		height: 55rpx;
		margin-left: 16rpx;
	}

	.barWord {
		font-size: 34rpx;
		color: #FFFFFF;
		font-style: normal;
		width: 146rpx;
		margin-left: 14rpx;
		font-family: Source Han Sans CN, Source Han Sans CN;
	}

	.content {

		box-sizing: border-box;
		padding: 16rpx 32rpx;

		.inputBox {
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.searchIcons {
				padding: 20rpx;
				position: absolute;
				left: 482rpx;
				z-index: 10;
			}

			.searchIcons_icons {
				width: 30rpx;
				height: 30rpx;
			}

			input {
				width: 546rpx;
				box-sizing: border-box;
				padding: 0rpx 38rpx;
				height: 68rpx;
				border-radius: 29rpx 29rpx 29rpx 29rpx;
				border: 1rpx solid #5C7FF5;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 26rpx;
			}

			.searchBox {
				position: absolute;
				text-align: center;
				right: 76rpx;
				top: 0rpx;
				width: 136rpx;
				height: 58rpx;
				line-height: 58rpx;
				background: #5C7FF5;
				border-radius: 29rpx 29rpx 29rpx 29rpx;

				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #FFFFFF;
			}
		}

		.ca {
			width: 48rpx;
			height: 48rpx;
		}
	}

	// 搜索结果
	.chooseBox {
		width: 100%;
		box-sizing: border-box;
		padding: 0 32rpx;

		.scrollview-box {}

		.chooseItem {
			margin-right: 20rpx;
			box-sizing: border-box;
			padding: 10rpx 20rpx;
			background: #5C7FF5;
			border-radius: 29rpx 29rpx 29rpx 29rpx;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 28rpx;
			color: #FFFFFF;
			position: relative;
			white-space: nowrap;
		}

		.closesImg {
			width: 50rpx;
			height: 50rpx;
			top: -10rpx;
			position: absolute;
			right: -16rpx;
		}
	}


	// 日历
	.daysBox {
		box-sizing: border-box;
		padding: 0 32rpx;
		height: 30rpx;
		display: flex;
		justify-content: space-between;
		margin: 22rpx 0;
		position: relative;
		align-items: center;

		.years {
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 22rpx;
			color: #5C7FF5;
			font-style: normal;
		}

		.nums {
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 26rpx;
			color: #5C7FF5;
		}
	}

	// 主题
	.orderContent {
		box-sizing: border-box;
		padding: 0 32rpx;
		background: white;

		.scrollerSize {
			width: 100%;
			height: calc(100vh - 310rpx);
		}

		.orderItem {
			position: relative;
			width: 685rpx;
			height: 439rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			margin-bottom: 20rpx;

			.statusimg {
				position: absolute;
				width: 121rpx;
				height: 82rpx;
				top: 250rpx;
				right: 85rpx;
			}

			.statusimg2 {
				width: 155.92rpx;
				height: 90.17rpx;
			}

			.hasDone {
				position: absolute;
				right: 84rpx;
				bottom: 100rpx;
				width: 120rpx;
				height: 82rpx;
				z-index: 10;
			}

			.hasDoneImg {
				width: 120rpx;
				height: 82rpx;
			}

			.hasDoneText {
				transform: translate(10rpx, -76rpx) rotate(-21deg);
				color: #0CBB00;
			}

			.orderItemImg {
				width: 100%;
				height: 100%;
				position: absolute;
				z-index: 0;

			}

			.checkB {
				position: absolute;
				right: 9rpx;
				top: 47rpx;
				z-index: 9;
				border-radius: 50%;
			}

			.orderItemTop {
				z-index: 1;
				padding-top: 16rpx;
				margin-left: 41rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: bold;
				font-size: 28rpx;
				color: #FFFFFF;
				font-style: normal;
				position: relative;
			}
		}

		.useContent {
			position: relative;
			// padding-top:rpx;
			height: 350rpx;
			margin-top: 20rpx;
			margin-left: 41rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 28rpx;
			color: #313131;
			font-style: normal;
		}
	}

	// 日期
	.chooseTime {
		display: flex;

	}

	.chooseTimeItem {
		text-align: center;
		width: 50%;
		flex-direction: column;
		align-items: center;
	}

	.hasRq {
		background: #FFFFFF;
		border-radius: 37rpx 37rpx 37rpx 37rpx;
		border: 1rpx solid #707070;
		width: 300rpx;
		height: 40rpx;
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: 400;
		font-size: 28rpx;
		color: #262626;
		margin: 0 auto;
	}

	.rqbtn {
		display: flex;
		justify-content: flex-end;
		box-sizing: border-box;
		padding: 0 30rpx;
		margin-top: 20rpx;

		.btn {
			width: 160rpx;
			height: 70rpx;
			border-radius: 40rpx 40rpx 40rpx 40rpx;
			text-align: center;
			line-height: 70rpx;
		}

		.fail {
			margin-right: 30rpx;
			background: #FFFFFF;

			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 28rpx;
			border: 1rpx solid #707070;

			color: #262626;
		}

		.success {
			background: #5C7FF5;
			border-radius: 40rpx 40rpx 40rpx 40rpx;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 28rpx;
			color: #FFFFFF;
		}
	}

	.addBox2 {
		width: 96rpx;
		height: 96rpx;
		position: fixed;
		bottom: 434rpx;
		right: 64rpx;
		z-index: 10;

		.addNum {
			display: inline-block;
			font-size: 24rpx;
			right: -54rpx;
			top: 36rpx;
			padding: 2rpx 8rpx;
			position: relative;
			background: #F33200;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 21rpx 21rpx 21rpx 21rpx;
			color: white;

		}

		.addBoxImg {
			width: 100%;
			height: 100%;
		}
	}

	.addBox1 {
		width: 96rpx;
		height: 96rpx;
		position: fixed;
		bottom: 318rpx;
		right: 64rpx;
		z-index: 10;

		.addNum {
			display: inline-block;
			font-size: 24rpx;
			right: -54rpx;
			top: 36rpx;
			padding: 2rpx 8rpx;
			position: relative;
			background: #F33200;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 21rpx 21rpx 21rpx 21rpx;
			color: white;

		}

		.addBoxImg {
			width: 100%;
			height: 100%;
		}
	}

	.addBox {
		width: 96rpx;
		height: 96rpx;
		position: fixed;
		bottom: 500rpx;
		right: 64rpx;
		z-index: 10;

		.addBoxImg {
			width: 100%;
			height: 100%;
		}
	}

	.addBtn {
		position: fixed;
		width: 100%;
		line-height: 80rpx;
		// background: transparent;
		display: flex;
		justify-content: space-around;
		bottom: 89rpx;
		z-index: 10;

		.bts {
			text-align: center;
			width: 300rpx;
			height: 80rpx;

			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 36rpx;

		}

		.isOne {
			width: 600rpx !important;
		}

		.edit {
			color: #FFFFFF;
			background: #58BE6B;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
		}

		.del {
			background: #FFFFFF;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			border: 1rpx solid #707070;
		}
	}

	/* 隐藏默认的checkbox样式 */
	checkbox .wx-checkbox-input {
		display: none;
	}

	/* 自定义checkbox样式 */
	checkbox .wx-checkbox-input .icon-style {
		font-size: 20px;
		/* 修改图标大小 */
		color: blue;
		/* 修改图标颜色 */
	}

	/* 当checkbox被选中时的样式 */
	checkbox .wx-checkbox-input .wx-checkbox-input-checked .icon-style {
		text-decoration: underline;
		font-weight: bold;
	}
</style>
<style scoped>
	/* 	.wrap>>>.uni-navbar__header-btns {
		width: 300rpx !important;
	} */

	.wrap>>>.uni-nav-bar-text {
		font-size: 35rpx;
	}

	input>>>.inputP {
		color: #B7B7B7;
		font-family: SourceHanSansCN-Regular, SourceHanSansCN-Regular;
		font-weight: normal;
		font-size: 28rpx;
		line-height: 68rpx;
		height: 68rpx;

		color: #B7B7B7;
	}

	.checkbox-label {
		display: inline-flex;
		align-items: center;
		margin-right: 20px;
	}

	.isNomore {
		margin-top: 68rpx;

		text-align: center;
		padding-bottom: 200rpx;

	}

	.msnum {
		display: flex;
		margin-bottom: 20rpx;
		box-shadow: 0rpx 0rpx 0rpx 0rpx rgba(0, 0, 0, 0.16);

	}

	.iconsItem {
		width: 50%;
		display: flex;
		justify-content: center;

	}

	.iconsItem img {
		width: 42rpx;
		margin-right: 20rpx;
		height: 42rpx;

	}

	.useItem {
		display: flex;
	}

	.labes {
		width: 190rpx;
	}

	.useItem_content {
		flex: 1;
	}

	.fixs {
		/* position: fixed;
  width: 100%; */
	}
</style>

<!-- <template>
	<div class="shehe">
		<div class="top">
			<uni-nav-bar :fixed="true" title="审核列表" background-color="#5C7FF5" status-bar @clickLeft="back" :dark="true"
				left-icon="left">
			</uni-nav-bar>
			<div class="fixs">
				<div class="content">
					<div class="inputBox">
						<input type="text" placeholder="请输入您要查找的内容" placeholder-class="inputP" v-model.trim="form.param"
							confirm-type="search" @confirm="othergetList" @input="othergetList">
						<div class="searchIcons" @click="toSearch">
							<img src="../../static/img/search.png" alt="" class="searchIcons_icons">
						</div>
						<img src="../../static/img/ca.png" alt="" class="ca" @click="toRq">

						<img src="../../static/img/index_fl.png" alt="" class="ca" @click="toFl">

					</div>
				</div>

				<div class="chooseBox">
					<scroll-view scroll-x class="scrollview-box" scroll-with-animation>
						<div style="display: flex;">
							<div v-for="(item, i) in flArr" :key="i" class="chooseItem">{{ item }}

								<img src="../../static/img/closes.png" alt="" class="closesImg" @click="todelFl(item)">
							</div>
						</div>
					</scroll-view>
				</div>

				<div class="daysBox">
					<div class="years"><span>{{ copyDate.startTime }}</span> / <span>{{ copyDate.endTime }}</span></div>
					<div class="nums">

						<label class="mycheckbox__inner" style="display: flex;">

							<img src="../../static/img/checkbox2.png" alt="" style="width: 40rpx;height: 40rpx;"
								v-if="!isAllChoose" @click="toAll(true)">
							<img src="../../static/img/checkbox1.png" alt="" style="width: 40rpx;height: 40rpx;" v-else
								@click="toAll(false)">

							<span>全选</span>
						</label>
					</div>

				</div>


			</div>
		</div>


		<div class="orderContent" style="height: 100%;" v-if="datalist.length>0">
			<div class="orderItem" v-for="(item, i ) in datalist" :key="i" @click="toshenhe">
				<img src="../../static/img/list2.png" alt="" class="orderItemImg">
				<div class="orderItemTop">{{ item.org }}</div>
				<div class="useContent">
					<div class="useItem">
						<div class="labes">变电站:</div>
						<div class="useItem_content">{{ item.station }}</div>
					</div>
					<div class="useItem">
						<div class="labes">设备名称:</div>
						<div class="useItem_content">{{ item.deviceName }}</div>
					</div>
					<div class="useItem">
						<div class="labes">缺陷描述:</div>
						<div class="useItem_content">{{ item.description }}</div>
					</div>
					<div class="useItem">
						<div class="labes">缺陷性质:</div>
						<div class="useItem_content">{{ item.level }}</div>
					</div>
					<div class="useItem">
						<div class="labes">缺陷发现人员:</div>
						<div class="useItem_content">{{ item.username }}</div>
					</div>
					<div class="useItem">
						<div class="labes">时间:</div>
						<div class="useItem_content">{{ item.time }}</div>
					</div>
				</div>
			</div>
		</div>
		<div class="orderContent" style="height: 600rpx;text-align: center;line-height: 300px;line-height: 300px;"
			v-else>
			暂无数据
		</div>

	</div>
</template>

<script>
	import movableRefresh from '@/components/zyq-movableRefresh/zyq-movableRefresh.vue'
	import uniNavBar from '@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue'
	import {
		findDefect,
		findDictionary,
		exportDefect,
		findDefectNum,
		findWarnDefectTotalNum
	} from '@/utils/http'
	export default {
		components: {
			movableRefresh,
			uniNavBar,

		},
		data() {
			return {
				form: {
					org: [], //运维单位
					voltage: [], //电压
					status: [],
					level: [], //性质
					deviceType: [], //设备类型
					startTime: '', //开始事件
					endTime: '', //结束事件
					param: "", //查询
					page: 1, //当前页面
					size: 10 // 
				},
				rules: '',
				hobby: [{
					text: '全选',
					value: 1
				}],
				forms: {},
				left: [{
					label: '运维单位',
					id: 0,
					type: 'ORG'
				}, {
					label: '设备类型',
					id: 1,
					type: 'DEVICE_TYPE'
				}, {
					label: '电压',
					id: 2,
					type: 'VOLTAGE'
				}, {
					label: '缺陷性质',
					id: 3,
					type: 'DEFECT_NATURE'
				}, {
					id: 4,
					type: 'STATUS',
					label: '状态'
				}],
				right: [],
				freshing: false, //下拉true
				isShow: false,
				deldatas: [],

				numObject: {
					num: 0,
					solveNum: 0
				},
				titlesname: '',
				urls: '',
				flArr: [], //搜索分类
				noMore: false,
				dateRange: [],
				heights: null,
				dates: [],
				seachValue: '',
				titles: '导出',
				isAllChoose: false,
				checkedArr: [],
				warmNums: 0,
				datalist: [{
					org: '国网咸宁市咸安区供电公司',
					station: '花纹变电站',
					deviceName: '塘713隔离开关ABC相',
					description: '杆塔未封顶',
					level: '一般',
					username: '张三',
					time: '2024-8-14 11:37',
				}, {
					org: '国网咸宁市咸安区供电公司',
					station: '花纹变电站',
					deviceName: '塘713隔离开关ABC相',
					description: '杆塔未封顶',
					level: '一般',
					username: '张三',
					time: '2024-8-14 11:37',
				}, {
					org: '国网咸宁市咸安区供电公司',
					station: '花纹变电站',
					deviceName: '塘713隔离开关ABC相',
					description: '杆塔未封顶',
					level: '一般',
					username: '张三',
					time: '2024-8-14 11:37',
				}, {
					org: '国网咸宁市咸安区供电公司',
					station: '花纹变电站',
					deviceName: '塘713隔离开关ABC相',
					description: '杆塔未封顶',
					level: '一般',
					username: '张三',
					time: '2024-8-14 11:37',
				}, {
					org: '国网咸宁市咸安区供电公司',
					station: '花纹变电站',
					deviceName: '塘713隔离开关ABC相',
					description: '杆塔未封顶',
					level: '一般',
					username: '张三',
					time: '2024-8-14 11:37',
				}, {
					org: '国网咸宁市咸安区供电公司',
					station: '花纹变电站',
					deviceName: '塘713隔离开关ABC相',
					description: '杆塔未封顶',
					level: '一般',
					username: '张三',
					time: '2024-8-14 11:37',
				}]
			};
		},
		mounted() {
			this.$nextTick(() => {
				findDefect(this.fo).then((res) => {
					console.log(res)
				})
			});
		},
		watch: {},
		onLoad() {},
		onShow() {},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1 // 默认值是1，表示回退到上一页，如果要回退多级可以设置大于1的数值
				});
			},
			toshenhe() {
				uni.navigateTo({
					url: '/pages/order/shenhexinxixq'
				})
			}
		}
	};
</script>

<style scoped lang="scss">
	.barContent {
		display: flex;
		justify-content: left;
	}

	.layoutIcons {
		width: 55rpx;
		height: 55rpx;
		margin-left: 16rpx;
	}

	.barWord {
		font-size: 34rpx;
		color: #FFFFFF;
		font-style: normal;
		width: 146rpx;
		margin-left: 14rpx;
		font-family: Source Han Sans CN, Source Han Sans CN;
	}

	.top {
		.content {

			box-sizing: border-box;
			padding: 16rpx 32rpx;

			.inputBox {
				position: relative;
				display: flex;
				justify-content: space-between;
				align-items: center;

				.searchIcons {
					padding: 20rpx;
					position: absolute;
					left: 482rpx;
					z-index: 10;
				}

				.searchIcons_icons {
					width: 30rpx;
					height: 30rpx;
				}

				input {
					width: 546rpx;
					box-sizing: border-box;
					padding: 0rpx 38rpx;
					height: 68rpx;
					border-radius: 29rpx 29rpx 29rpx 29rpx;
					border: 1rpx solid #5C7FF5;
					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 400;
					font-size: 26rpx;
				}

				.searchBox {
					position: absolute;
					text-align: center;
					right: 76rpx;
					top: 0rpx;
					width: 136rpx;
					height: 58rpx;
					line-height: 58rpx;
					background: #5C7FF5;
					border-radius: 29rpx 29rpx 29rpx 29rpx;

					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 400;
					font-size: 28rpx;
					color: #FFFFFF;
				}
			}

			.ca {
				width: 48rpx;
				height: 48rpx;
			}
		}


		.chooseBox {
			width: 100%;
			box-sizing: border-box;
			padding: 0 32rpx;

			.scrollview-box {}

			.chooseItem {
				margin-right: 20rpx;
				box-sizing: border-box;
				padding: 10rpx 20rpx;
				background: #5C7FF5;
				border-radius: 29rpx 29rpx 29rpx 29rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #FFFFFF;
				position: relative;
				white-space: nowrap;
			}

			.closesImg {
				width: 50rpx;
				height: 50rpx;
				top: -10rpx;
				position: absolute;
				right: -16rpx;
			}
		}


		// 日历
		.daysBox {
			box-sizing: border-box;
			padding: 0 32rpx;
			height: 30rpx;
			display: flex;
			justify-content: space-between;
			margin: 22rpx 0;
			position: relative;
			align-items: center;

			.years {
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 22rpx;
				color: #5C7FF5;
				font-style: normal;
			}

			.nums {
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 26rpx;
				color: #5C7FF5;
			}
		}
	}


	.orderContent {
		box-sizing: border-box;
		padding: 0 32rpx;
		background: white;

		.scrollerSize {
			width: 100%;
			height: calc(100vh - 310rpx);
		}

		.orderItem {
			position: relative;
			width: 685rpx;
			height: 439rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			margin-bottom: 20rpx;

			.hasDone {
				position: absolute;
				right: 84rpx;
				bottom: 100rpx;
				width: 120rpx;
				height: 82rpx;
				z-index: 10;
			}

			.hasDoneImg {
				width: 120rpx;
				height: 82rpx;
			}

			.hasDoneText {
				transform: translate(10rpx, -76rpx) rotate(-21deg);
				color: #0CBB00;
			}

			.orderItemImg {
				width: 100%;
				height: 100%;
				position: absolute;
				z-index: 0;

			}

			.checkB {
				position: absolute;
				right: 9rpx;
				top: 47rpx;
				z-index: 9;
				border-radius: 50%;
			}

			.orderItemTop {
				z-index: 1;
				padding-top: 16rpx;
				margin-left: 41rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: bold;
				font-size: 28rpx;
				color: #FFFFFF;
				font-style: normal;
				position: relative;
			}
		}

		.useContent {
			position: relative;
			height: 350rpx;
			margin-top: 20rpx;
			margin-left: 41rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 28rpx;
			color: #313131;
			font-style: normal;
		}
	}

	.addBtn {
		position: fixed;
		width: 100%;
		line-height: 80rpx;
		display: flex;
		justify-content: space-around;
		bottom: 89rpx;
		z-index: 10;

		.bts {
			text-align: center;
			width: 300rpx;
			height: 80rpx;

			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 36rpx;

		}

		.isOne {
			width: 600rpx !important;
		}

		.edit {
			color: #FFFFFF;
			background: #58BE6B;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
		}

		.del {
			background: #FFFFFF;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			border: 1rpx solid #707070;
		}
	}
</style>
<style scoped>
	.shehe>>>.uni-nav-bar-text {
		font-size: 35rpx;
	}


	.checkbox-label {
		display: inline-flex;
		align-items: center;
		margin-right: 20px;
	}

	.isNomore {
		margin-top: 68rpx;

		text-align: center;
		padding-bottom: 200rpx;

	}

	.msnum {
		display: flex;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
		box-shadow: 0rpx 0rpx 0rpx 0rpx rgba(0, 0, 0, 0.16);

	}

	.iconsItem {
		width: 50%;
		display: flex;
		justify-content: center;

	}

	.iconsItem img {
		width: 42rpx;
		margin-right: 20rpx;
		height: 42rpx;

	}

	.useItem {
		display: flex;
	}

	.labes {
		width: 190rpx;
	}

	.useItem_content {
		flex: 1;
	}

	.fixs {}
</style> -->